<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Your basket</title>
    </h:head>
    <h:body>
        <div>
            <c:choose>
                <c:when test= '#{userManager.connected == true}'>
                    <h:outputLabel for="name"   value="You are logged, your name is #{userManager.name}"/>
                    <h:form>
                        <h:commandButton value="Log out" action="#{userManager.logOut}"/>
                    </h:form>
                </c:when>
                <c:otherwise>
                    <h2> Login: </h2>
                    <p>
                        <h:form>
                            <h:commandButton value="New Account" action="createAccount"/>
                            <br />
                            <h:outputLabel for="name"   value="Name: "/>
                            <h:inputText id="name" value="#{userManager.name}"/>
                            <br />

                            <h:outputLabel for="password"   value="Password: "/>
                            <h:inputText id="password" value ="#{userManager.password}"/>
                            <br />

                            <h:commandButton value="Logging" action="#{userManager.logging}"/>
                        </h:form>
                        <br/>
                    </p>
                </c:otherwise>
            </c:choose>
        </div>

        <br />  
        <br />
      
        <h1> Hello, welcome to your basket</h1>
        <br />  
        <br />
        <h:form>
            <c:forEach var="item" items="#{basketManager.listOfGnomeTypeAndNumber}">
                <h:outputLabel value="You want to buy gnome "></h:outputLabel>
                <h:outputText value="#{item.key}"/>
                <br />
                <h:outputLabel value="Amount: "></h:outputLabel>
                <h:outputText value="#{item.value}"/>
                <br />
                <h:outputLabel value="Price: "></h:outputLabel>
                <h:outputText value="#{basketManager.valueForAllGnomeTypeX(item.key)}"/>
                <br />  
                <br />
            </c:forEach>
            <h:outputLabel value="Total price: "></h:outputLabel>
            <h:outputText value="#{basketManager.priceForAllGnome()}"/>
            <br />  
            <br />
            <h:commandButton value="Buy" action="#{basketManager.buy()}"/>
        </h:form>

        <br />  
        <br />
        <h:link outcome="/market.xhtml" value="Back to the market">
            <f:param name="cid" value="#{userManager.conversation.id}"/>
        </h:link>
    </h:body>
</html>

